<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title>首页</title>
    <div data-th-replace="layout/head"></div>
    <link th:href="@{{path}/common/v3/cssfont/myFonts/myFonts.css?v={v}(path=${staticPath},v=${v})}" rel="stylesheet" type="text/css"/>
</head>
<body>

<!--c header begin-->
<div data-th-replace="layout/index-hade"></div>
<!--c header end-->

<!--c left begin-->
<nav class="leftMenu">
    <div class="lMenu_bx">
        <header>科目专业</header>
        <ul>
            <li></li>
        </ul>
    </div>
</nav>
<!--c left end-->
<section class="index-main">
    <!--banner index begin-->
    <div class="i-banner__wrap">
        <div class="">
            <div class="carousel slide" id="carousel1"  data-interval="3000">
                <ol class="carousel-indicators">
                    <li data-slide-to="0" data-target="#carousel1" class="active"></li>
                    <li data-slide-to="1" data-target="#carousel1"></li>
                </ol>
                <div class="carousel-inner">
                    <div class="item active">
                        <a href=""><img alt="image" class="img-responsive" src="http://ni3.268xue.com/upload/eduplat/bannerImages/20161031/1477895645614129966.jpg"></a>
                    </div>
                    <div class="item">
                        <a href=""><img alt="image" class="img-responsive" src="http://ni3.268xue.com/upload/eduplat/bannerImages/20161031/1477895662084579497.jpg"></a>
                    </div>
                </div>
                <a data-slide="prev" href="#carousel1" class="left carousel-control">
                    <span class="icon-prev"><i class="fa fa-chevron-left"></i></span>
                </a>
                <a data-slide="next" href="#carousel1" class="right carousel-control">
                    <span class="icon-next"><i class="fa fa-chevron-right"></i></span>
                </a>
            </div>
        </div>
    </div>
    <!--banner index end
        ps：如结构为背景色平铺效果：需给 img 添加 class='container' 即可
    -->
    <!--免费直播 开始-->
    <div class="index-chair">
        <section class="container">
            <ul class="chair-list">
                <li>
                    <a href="javascript:;">
                        <img th:src="@{{path}/front/web/v3/img/1.jpg(path=${staticPath})}">
                        <div class="chair-main pa">
                            <span class="show hLh20 fs18 c-333 chair-time">12:00 一 14:00</span>
                            <span class="show hLh20 fs14 c-666 txtOf">二级建造师在线答疑</span>
                            <button class="c-fff fs12 btn btn-warning btn-rounded chair-living">直播中</button>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img th:src="@{{path}/front/web/v3/img/2.jpg(path=${staticPath})}">
                        <div class="chair-main pa">
                            <span class="show hLh20 fs18 c-333 chair-time">12:00 一 14:00</span>
                            <span class="show hLh20 fs14 c-666 txtOf">二级建造师在线答疑</span>
                            <button class="c-fff fs12 btn btn-warning btn-rounded chair-living">直播中</button>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img th:src="@{{path}/front/web/v3/img/3.jpg(path=${staticPath})}">
                        <div class="chair-main pa">
                            <span class="show hLh20 fs18 c-333 chair-time">12:00 一 14:00</span>
                            <span class="show hLh20 fs14 c-666 txtOf">二级建造师在线答疑</span>
                            <button class="c-fff fs12 btn btn-info btn-rounded btn-outline chair-living">去预约</button>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img th:src="@{{path}/front/web/v3/img/4.jpg(path=${staticPath})}">
                        <div class="chair-main pa">
                            <span class="show hLh20 fs18 c-333 chair-time">12:00 一 14:00</span>
                            <span class="show hLh20 fs14 c-666 txtOf">二级建造师在线答疑</span>
                            <button class="c-fff fs12 btn btn-info btn-rounded btn-outline chair-living">去预约</button>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img th:src="@{{path}/front/web/v3/img/5.jpg(path=${staticPath})}">
                        <div class="chair-main pa">
                            <span class="show hLh20 fs18 c-333 chair-time">12:00 一 14:00</span>
                            <span class="show hLh20 fs14 c-666 txtOf">二级建造师在线答疑</span>
                            <button class="c-fff fs12 btn btn-info btn-rounded btn-outline chair-living">去预约</button>
                        </div>
                    </a>
                </li>
            </ul>
        </section>
    </div>
    <!--免费直播 结束-->
    <div class="bg-f9 quality-course">
        <div class="mt5 pt10">
            <div class="container">
                <section class="c-head-title clearfix">
                    <aside class="pull-right mt10">
                        <a href="javascript: ;" id="" class="c-bbb fs12">查看更多 <i class="fa fa-chevron-right"></i></a>
                    </aside>
                    <h6 class=""><span class="fs20 c-222">精品课程</span></h6>
                </section>
                <div>
                    <div class="text-center mt10">
                        <span class="loading"></span>
                    </div>
                    <div class="mt20">
                        <div class="course-list__wrap">
                            <div class="course_poster pull-left">
                                <a href="javascript:;">
                                    <img th:src="@{{path}/front/web/v3/img/course_poster1.jpg(path=${staticPath})}">
                                </a>
                            </div>
                            <div class="row course-list_bx">
                                <div class="col-md-4 col-lg-3">
                                    <div class="thumbnail course-list-item">
                                        <section class="pr">
                                            <aside class="cm-kc-num"><span class="fs12 c-fff">12门课</span></aside>
                                            <a href=""><img class="lazy" width="100%" data-original="./v3/img/default/default-course.gif" onerror="this.src='./v3/img/default/default-course.gif';this.onerror=null;"></a>
                                        </section>
                                        <div class="caption">
                                            <section class="txtOf">
                                                <a href="" class="fs14 c-333">
                                                    快速提升UI设计能力
                                                </a>
                                            </section>
                                            <section class="mt10 mb5 clearfix">
                                                <aside class="pull-right">
                                                    <span class="ml5 fs12 c-999"><i class="fa fa-user"></i>1586</span>
                                                </aside>
                                                <aside class="pull-left">
                                                    <span class="fs12 c-danger"><i class="fa fa-rmb"></i></span>
                                                    <span class="fs14 c-danger">596.0</span>
                                                </aside>
                                            </section>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-lg-3">
                                    <div class="thumbnail course-list-item">
                                        <section class="pr">
                                            <aside class="cm-kc-num"><span class="fs12 c-fff">12门课</span></aside>
                                            <a href=""><img class="lazy" width="100%" data-original="./v3/img/default/default-course.gif" onerror="this.src='./v3/img/default/default-course.gif';this.onerror=null;"></a>
                                        </section>
                                        <div class="caption">
                                            <section class="txtOf">
                                                <a href="" class="fs14 c-333">
                                                    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
                                                </a>
                                            </section>
                                            <section class="mt10 mb5 clearfix">
                                                <aside class="pull-right">
                                                    <span class="ml5 fs12 c-999"><i class="fa fa-user"></i>1586</span>
                                                </aside>
                                                <aside class="pull-left">
                                                    <span class="fs12 c-danger"><i class="fa fa-rmb"></i></span>
                                                    <span class="fs14 c-danger">596.0</span>
                                                </aside>
                                            </section>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-lg-3">
                                    <div class="thumbnail course-list-item">
                                        <section class="pr">
                                            <aside class="cm-kc-num"><span class="fs12 c-fff">12门课</span></aside>
                                            <a href=""><img class="lazy" width="100%" data-original="./v3/img/default/default-course.gif" onerror="this.src='./v3/img/default/default-course.gif';this.onerror=null;"></a>
                                        </section>
                                        <div class="caption">
                                            <section class="txtOf">
                                                <a href="" class="fs14 c-333">
                                                    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
                                                </a>
                                            </section>
                                            <section class="mt10 mb5 clearfix">
                                                <aside class="pull-right">
                                                    <span class="ml5 fs12 c-999"><i class="fa fa-user"></i>1586</span>
                                                </aside>
                                                <aside class="pull-left">
                                                    <span class="fs12 c-danger"><i class="fa fa-rmb"></i></span>
                                                    <span class="fs14 c-danger">596.0</span>
                                                </aside>
                                            </section>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-lg-3">
                                    <div class="thumbnail course-list-item">
                                        <section class="pr">
                                            <aside class="cm-kc-num"><span class="fs12 c-fff">12门课</span></aside>
                                            <a href=""><img class="lazy" width="100%" data-original="./v3/img/default/default-course.gif" onerror="this.src='./v3/img/default/default-course.gif';this.onerror=null;"></a>
                                        </section>
                                        <div class="caption">
                                            <section class="txtOf">
                                                <a href="" class="fs14 c-333">
                                                    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
                                                </a>
                                            </section>
                                            <section class="mt10 mb5 clearfix">
                                                <aside class="pull-right">
                                                    <span class="ml5 fs12 c-999"><i class="fa fa-user"></i>1586</span>
                                                </aside>
                                                <aside class="pull-left">
                                                    <span class="fs12 c-danger"><i class="fa fa-rmb"></i></span>
                                                    <span class="fs14 c-danger">596.0</span>
                                                </aside>
                                            </section>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-lg-3">
                                    <div class="thumbnail course-list-item">
                                        <section class="pr">
                                            <aside class="cm-kc-num"><span class="fs12 c-fff">12门课</span></aside>
                                            <a href=""><img class="lazy" width="100%" data-original="./v3/img/default/default-course.gif" onerror="this.src='./v3/img/default/default-course.gif';this.onerror=null;"></a>
                                        </section>
                                        <div class="caption">
                                            <section class="txtOf">
                                                <a href="" class="fs14 c-333">
                                                    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
                                                </a>
                                            </section>
                                            <section class="mt10 mb5 clearfix">
                                                <aside class="pull-right">
                                                    <span class="ml5 fs12 c-999"><i class="fa fa-user"></i>1586</span>
                                                </aside>
                                                <aside class="pull-left">
                                                    <span class="fs12 c-danger"><i class="fa fa-rmb"></i></span>
                                                    <span class="fs14 c-danger">596.0</span>
                                                </aside>
                                            </section>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-lg-3">
                                    <div class="thumbnail course-list-item">
                                        <section class="pr">
                                            <aside class="cm-kc-num"><span class="fs12 c-fff">12门课</span></aside>
                                            <a href=""><img class="lazy" width="100%" data-original="./v3/img/default/default-course.gif" onerror="this.src='./v3/img/default/default-course.gif';this.onerror=null;"></a>
                                        </section>
                                        <div class="caption">
                                            <section class="txtOf">
                                                <a href="" class="fs14 c-333">
                                                    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
                                                </a>
                                            </section>
                                            <section class="mt10 mb5 clearfix">
                                                <aside class="pull-right">
                                                    <span class="ml5 fs12 c-999"><i class="fa fa-user"></i>1586</span>
                                                </aside>
                                                <aside class="pull-left">
                                                    <span class="fs12 c-danger"><i class="fa fa-rmb"></i></span>
                                                    <span class="fs14 c-danger">596.0</span>
                                                </aside>
                                            </section>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-lg-3">
                                    <div class="thumbnail course-list-item">
                                        <section class="pr">
                                            <aside class="cm-kc-num"><span class="fs12 c-fff">12门课</span></aside>
                                            <a href=""><img class="lazy" width="100%" data-original="./v3/img/default/default-course.gif" onerror="this.src='./v3/img/default/default-course.gif';this.onerror=null;"></a>
                                        </section>
                                        <div class="caption">
                                            <section class="txtOf">
                                                <a href="" class="fs14 c-333">
                                                    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
                                                </a>
                                            </section>
                                            <section class="mt10 mb5 clearfix">
                                                <aside class="pull-right">
                                                    <span class="ml5 fs12 c-999"><i class="fa fa-user"></i>1586</span>
                                                </aside>
                                                <aside class="pull-left">
                                                    <span class="fs12 c-danger"><i class="fa fa-rmb"></i></span>
                                                    <span class="fs14 c-danger">596.0</span>
                                                </aside>
                                            </section>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-lg-3">
                                    <div class="thumbnail course-list-item">
                                        <section class="pr">
                                            <aside class="cm-kc-num"><span class="fs12 c-fff">12门课</span></aside>
                                            <a href=""><img class="lazy" width="100%" data-original="./v3/img/default/default-course.gif" onerror="this.src='./v3/img/default/default-course.gif';this.onerror=null;"></a>
                                        </section>
                                        <div class="caption">
                                            <section class="txtOf">
                                                <a href="" class="fs14 c-333">
                                                    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
                                                </a>
                                            </section>
                                            <section class="mt10 mb5 clearfix">
                                                <aside class="pull-right">
                                                    <span class="ml5 fs12 c-999"><i class="fa fa-user"></i>1586</span>
                                                </aside>
                                                <aside class="pull-left">
                                                    <span class="fs12 c-danger"><i class="fa fa-rmb"></i></span>
                                                    <span class="fs14 c-danger">596.0</span>
                                                </aside>
                                            </section>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--精品课程 结束-->
    <div class="bg-fff hot-course">
        <div class="">
            <div class="container">
                <section class="c-head-title clearfix">
                    <aside class="pull-right mt10">
                        <a href="javascript:;" id="" class="c-bbb fs12">查看更多 <i class="fa fa-chevron-right"></i></a>
                    </aside>
                    <h6 class=""><span class="fs20 c-222">热门课程</span></h6>
                </section>
                <div>
                    <div class="mt10">
                        <div class="course-list__wrap">
                            <div class="course_poster pull-left">
                                <a href="javascript:;">
                                    <img th:src="@{{path}/front/web/v3/img/course_poster2.jpg(path=${staticPath})}">
                                </a>
                            </div>
                            <div class="row course-list_bx">
                                <div class="col-md-4 col-lg-3">
                                    <div class="thumbnail course-list-item">
                                        <section class="pr">
                                            <aside class="cm-kc-num"><span class="fs12 c-fff">12门课</span></aside>
                                            <a href=""><img class="lazy" width="100%" data-original="./v3/img/default/default-course.gif" onerror="this.src='./v3/img/default/default-course.gif';this.onerror=null;"></a>
                                        </section>
                                        <div class="caption">
                                            <section class="txtOf">
                                                <a href="" class="fs14 c-333">
                                                    快速提升UI设计能力
                                                </a>
                                            </section>
                                            <section class="mt10 mb5 clearfix">
                                                <aside class="pull-right">
                                                    <span class="ml5 fs12 c-999"><i class="fa fa-user"></i>1586</span>
                                                </aside>
                                                <aside class="pull-left">
                                                    <span class="fs12 c-danger"><i class="fa fa-rmb"></i></span>
                                                    <span class="fs14 c-danger">596.0</span>
                                                </aside>
                                            </section>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-lg-3">
                                    <div class="thumbnail course-list-item">
                                        <section class="pr">
                                            <aside class="cm-kc-num"><span class="fs12 c-fff">12门课</span></aside>
                                            <a href=""><img class="lazy" width="100%" data-original="./v3/img/default/default-course.gif" onerror="this.src='./v3/img/default/default-course.gif';this.onerror=null;"></a>
                                        </section>
                                        <div class="caption">
                                            <section class="txtOf">
                                                <a href="" class="fs14 c-333">
                                                    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
                                                </a>
                                            </section>
                                            <section class="mt10 mb5 clearfix">
                                                <aside class="pull-right">
                                                    <span class="ml5 fs12 c-999"><i class="fa fa-user"></i>1586</span>
                                                </aside>
                                                <aside class="pull-left">
                                                    <span class="fs12 c-danger"><i class="fa fa-rmb"></i></span>
                                                    <span class="fs14 c-danger">596.0</span>
                                                </aside>
                                            </section>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-lg-3">
                                    <div class="thumbnail course-list-item">
                                        <section class="pr">
                                            <aside class="cm-kc-num"><span class="fs12 c-fff">12门课</span></aside>
                                            <a href=""><img class="lazy" width="100%" data-original="./v3/img/default/default-course.gif" onerror="this.src='./v3/img/default/default-course.gif';this.onerror=null;"></a>
                                        </section>
                                        <div class="caption">
                                            <section class="txtOf">
                                                <a href="" class="fs14 c-333">
                                                    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
                                                </a>
                                            </section>
                                            <section class="mt10 mb5 clearfix">
                                                <aside class="pull-right">
                                                    <span class="ml5 fs12 c-999"><i class="fa fa-user"></i>1586</span>
                                                </aside>
                                                <aside class="pull-left">
                                                    <span class="fs12 c-danger"><i class="fa fa-rmb"></i></span>
                                                    <span class="fs14 c-danger">596.0</span>
                                                </aside>
                                            </section>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-lg-3">
                                    <div class="thumbnail course-list-item">
                                        <section class="pr">
                                            <aside class="cm-kc-num"><span class="fs12 c-fff">12门课</span></aside>
                                            <a href=""><img class="lazy" width="100%" data-original="./v3/img/default/default-course.gif" onerror="this.src='./v3/img/default/default-course.gif';this.onerror=null;"></a>
                                        </section>
                                        <div class="caption">
                                            <section class="txtOf">
                                                <a href="" class="fs14 c-333">
                                                    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
                                                </a>
                                            </section>
                                            <section class="mt10 mb5 clearfix">
                                                <aside class="pull-right">
                                                    <span class="ml5 fs12 c-999"><i class="fa fa-user"></i>1586</span>
                                                </aside>
                                                <aside class="pull-left">
                                                    <span class="fs12 c-danger"><i class="fa fa-rmb"></i></span>
                                                    <span class="fs14 c-danger">596.0</span>
                                                </aside>
                                            </section>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-lg-3">
                                    <div class="thumbnail course-list-item">
                                        <section class="pr">
                                            <aside class="cm-kc-num"><span class="fs12 c-fff">12门课</span></aside>
                                            <a href=""><img class="lazy" width="100%" data-original="./v3/img/default/default-course.gif" onerror="this.src='./v3/img/default/default-course.gif';this.onerror=null;"></a>
                                        </section>
                                        <div class="caption">
                                            <section class="txtOf">
                                                <a href="" class="fs14 c-333">
                                                    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
                                                </a>
                                            </section>
                                            <section class="mt10 mb5 clearfix">
                                                <aside class="pull-right">
                                                    <span class="ml5 fs12 c-999"><i class="fa fa-user"></i>1586</span>
                                                </aside>
                                                <aside class="pull-left">
                                                    <span class="fs12 c-danger"><i class="fa fa-rmb"></i></span>
                                                    <span class="fs14 c-danger">596.0</span>
                                                </aside>
                                            </section>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-lg-3">
                                    <div class="thumbnail course-list-item">
                                        <section class="pr">
                                            <aside class="cm-kc-num"><span class="fs12 c-fff">12门课</span></aside>
                                            <a href=""><img class="lazy" width="100%" data-original="./v3/img/default/default-course.gif" onerror="this.src='./v3/img/default/default-course.gif';this.onerror=null;"></a>
                                        </section>
                                        <div class="caption">
                                            <section class="txtOf">
                                                <a href="" class="fs14 c-333">
                                                    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
                                                </a>
                                            </section>
                                            <section class="mt10 mb5 clearfix">
                                                <aside class="pull-right">
                                                    <span class="ml5 fs12 c-999"><i class="fa fa-user"></i>1586</span>
                                                </aside>
                                                <aside class="pull-left">
                                                    <span class="fs12 c-danger"><i class="fa fa-rmb"></i></span>
                                                    <span class="fs14 c-danger">596.0</span>
                                                </aside>
                                            </section>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-lg-3">
                                    <div class="thumbnail course-list-item">
                                        <section class="pr">
                                            <aside class="cm-kc-num"><span class="fs12 c-fff">12门课</span></aside>
                                            <a href=""><img class="lazy" width="100%" data-original="./v3/img/default/default-course.gif" onerror="this.src='./v3/img/default/default-course.gif';this.onerror=null;"></a>
                                        </section>
                                        <div class="caption">
                                            <section class="txtOf">
                                                <a href="" class="fs14 c-333">
                                                    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
                                                </a>
                                            </section>
                                            <section class="mt10 mb5 clearfix">
                                                <aside class="pull-right">
                                                    <span class="ml5 fs12 c-999"><i class="fa fa-user"></i>1586</span>
                                                </aside>
                                                <aside class="pull-left">
                                                    <span class="fs12 c-danger"><i class="fa fa-rmb"></i></span>
                                                    <span class="fs14 c-danger">596.0</span>
                                                </aside>
                                            </section>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-lg-3">
                                    <div class="thumbnail course-list-item">
                                        <section class="pr">
                                            <aside class="cm-kc-num"><span class="fs12 c-fff">12门课</span></aside>
                                            <a href=""><img class="lazy" width="100%" data-original="./v3/img/default/default-course.gif" onerror="this.src='./v3/img/default/default-course.gif';this.onerror=null;"></a>
                                        </section>
                                        <div class="caption">
                                            <section class="txtOf">
                                                <a href="" class="fs14 c-333">
                                                    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
                                                </a>
                                            </section>
                                            <section class="mt10 mb5 clearfix">
                                                <aside class="pull-right">
                                                    <span class="ml5 fs12 c-999"><i class="fa fa-user"></i>1586</span>
                                                </aside>
                                                <aside class="pull-left">
                                                    <span class="fs12 c-danger"><i class="fa fa-rmb"></i></span>
                                                    <span class="fs14 c-danger">596.0</span>
                                                </aside>
                                            </section>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="bg-f9">
        <div class="pt10">
            <div class="container">
                <section class="c-head-title mt20 clearfix">
                    <aside class="pull-right mt10">
                        <a href="javascript: ;" id="" class="c-bbb fs12">查看更多 <i class="fa fa-chevron-right"></i></a>
                    </aside>
                    <h6 class=""><span class="fs20 c-222">推荐套餐</span></h6>
                </section>

                <section class="mt10">
                    <div class="package-list__wrap">
                        <div class="row">
                            <article class="col-md-2 col-lg-2 package_bx">
                                <a href="javascript:;" class="b-fff package-content">
                                    <h6 class="fs14 hLh20 txtOf">法学套餐</h6>
                                    <span class="fs12 txtOf">法学大套餐</span>
                                    <div class="text-center mt5 pt10 package_icon">
                                        <i class="myIconfont icon-faxue law1"></i>
                                    </div>
                                </a>
                            </article>
                            <article class="col-md-2 col-lg-2 package_bx">
                                <a href="javascript:;" class="b-fff package-content">
                                    <h6 class="fs14 hLh20 txtOf">滑雪超级套餐</h6>
                                    <span class="fs12 txtOf">简单易懂</span>
                                    <div class="text-center mt5 pt10 package_icon">
                                        <i class="myIconfont icon-huaxue law2"></i>
                                    </div>
                                </a>
                            </article>
                            <article class="col-md-2 col-lg-2 package_bx">
                                <a href="javascript:;" class="b-fff package-content">
                                    <h6 class="fs14 hLh20 txtOf">二级建造师通关秘籍</h6>
                                    <span class="fs12 txtOf">通关秘籍</span>
                                    <div class="text-center mt5 pt10 package_icon">
                                        <i class="myIconfont icon-kongzhiyoudao law3"></i>
                                    </div>
                                </a>
                            </article>
                            <article class="col-md-2 col-lg-2 package_bx">
                                <a href="javascript:;" class="b-fff package-content">
                                    <h6 class="fs14 hLh20 txtOf">一级建造师通关秘籍</h6>
                                    <span class="fs12 txtOf">通关秘籍</span>
                                    <div class="text-center mt5 pt10 package_icon">
                                        <i class="myIconfont icon-banshou law4"></i>
                                    </div>
                                </a>
                            </article>
                            <article class="col-md-2 col-lg-2 package_bx">
                                <a href="javascript:;" class="b-fff package-content">
                                    <h6 class="fs14 hLh20 txtOf">会计综合套餐课程包</h6>
                                    <span class="fs12 txtOf">由浅入深</span>
                                    <div class="text-center mt5 pt10 package_icon">
                                        <i class="myIconfont icon-faxue law5"></i>
                                    </div>
                                </a>
                            </article>
                            <article class="col-md-2 col-lg-2 package_bx">
                                <a href="javascript:;" class="b-fff package-content">
                                    <h6 class="fs14 hLh20 txtOf">综合套餐课程</h6>
                                    <span class="fs12 txtOf">综合性较强</span>
                                    <div class="text-center mt5 pt10 package_icon">
                                        <i class="myIconfont icon-zonghe law6"></i>
                                    </div>
                                </a>
                            </article>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </div>
    <!--推荐套餐 结束-->

    <div class="cm-bg-fb">
        <div class="mt20 pt10 index-teacher_modular">
            <div class="container">
                <section class="c-head-title clearfix">
                    <aside class="pull-right mt10">
                        <a href="javascript: ;" id="" class="c-bbb fs12">查看更多 <i class="fa fa-chevron-right"></i></a>
                    </aside>
                    <h6><span class="fs20 c-222">讲师团队</span></h6>
                </section>
                <div class="pt10 index-teacher_list">
                    <ul>
                        <li>
                            <div class="i-t-l-img">
                                <a href="javascript:;">
                                    <img class="lazy" data-original="http://res.268xue.com/res/upload/yzl/teacher/20171213/fb40464f6206f21364897122e30b1470_jpg/pc/large.jpg" alt="" height="220" width="220">
                                </a>
                            </div>
                        </li>
                        <li>
                            <div class="i-t-l-img">
                                <a href="javascript:;">
                                    <img class="lazy" data-original="http://res.268xue.com/res/upload/yzl/teacher/20171213/fb40464f6206f21364897122e30b1470_jpg/pc/large.jpg" alt="" height="220" width="220">
                                </a>
                            </div>
                        </li>
                        <li>
                            <div class="i-t-l-img">
                                <a href="javascript:;">
                                    <img class="lazy" data-original="http://res.268xue.com/res/upload/yzl/teacher/20171213/fb40464f6206f21364897122e30b1470_jpg/pc/large.jpg" alt="" height="220" width="220">
                                </a>
                            </div>
                        </li>
                        <li>
                            <div class="i-t-l-img">
                                <a href="javascript:;">
                                    <img class="lazy" data-original="http://res.268xue.com/res/upload/yzl/teacher/20171213/fb40464f6206f21364897122e30b1470_jpg/pc/large.jpg" alt="" height="220" width="220">
                                </a>
                            </div>
                        </li>
                        <li>
                            <div class="i-t-l-img">
                                <a href="javascript:;">
                                    <img class="lazy" data-original="http://res.268xue.com/res/upload/yzl/teacher/20171213/fb40464f6206f21364897122e30b1470_jpg/pc/large.jpg" alt="" height="220" width="220">
                                </a>
                            </div>
                        </li>
                    </ul>
                    <!--<div class="row">
                        <div class="col-md-3 col-lg-3">
                            <div class="thumbnail cm-list-item">
                                <div class="pt10 pb10 ml10 mr10 text-center">
                                    <div class="mt20">
                                        <a href=""><img class="img-circle lazy" data-original="./v3/img/default/default-face.gif" alt="" height="100" width="100"></a>
                                    </div>
                                    <section class="mt5 hLh30 txtOf">
                                        <a href="" class="fs16 c-333">李大宝</a>
                                    </section>
                                    <section class="hLh30 txtOf"><span class="fs12 c-999">首席专家专家</span></section>
                                    <div class="mt20 mb10 cm-desc-txt__twoLine">
                                        <span class="fs14 c-ccc">
                                            Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>-->
                </div>
            </div>
        </div>
    </div>
    <!--讲师团队 结束-->

    <div class="bg-f9">
        <div class="pt10">
            <div class="container">
                <section class="c-head-title mt20 clearfix">
                    <aside class="pull-right mt10">
                        <a href="javascript: ;" id="" class="c-bbb fs12">查看更多 <i class="fa fa-chevron-right"></i></a>
                    </aside>
                    <h6 class=""><span class="fs20 c-222">资讯公告</span></h6>
                </section>
                <div class="pt10">
                    <div class="article-tj-list__wrap">
                        <div class="row">
                            <article class="col-md-3 col-lg-4">
                                <div class="article-index__bx">
                                    <div class="clearfix article-tit">
                                        <a href="javascript:;" target="_blank" class="art_tit fs16 media-left">考研背后：往届生读研比例上 升、奔就业成首要动机</a>
                                        <aside class="art_img media-body">
                                            <img class="vam" src="https://res.268xue.com/res/upload/yzl/article/20180305/5c3389953cfe8ae01aa3b30f01bd091c_jpg/pc/large.jpg" data-original="https://res.268xue.com/res/upload/yzl/article/20180305/5c3389953cfe8ae01aa3b30f01bd091c_jpg/pc/large.jpg">
                                        </aside>
                                    </div>
                                    <div>
                                        <p class="article-content fs12">如果说云计算拼的就是运维的话，那么公有云的运维拼的就是容量管理。公有云上容量管理（以下容量管理特指公有云上容量管理）就是要保障有充足的资源可对外售卖，即“有货可卖”。当资源供应不足，用户无法购买需要的云计算资源时，就产生了所谓的“售罄”事件。</p>
                                        <div class="bottom-info clearfix">
                                            <span>浏览&nbsp;805</span>
                                            <span class="ml10">时间&nbsp;06-25 05:31</span>
                                            <a href="javascript:;" target="_blank" class="pull-right c-info">阅读全文<i class="fa fa-arrow-right ml5"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-md-3 col-lg-4">
                                <div class="article-index__bx">
                                    <div class="clearfix article-tit">
                                        <a href="javascript:;" target="_blank" class="art_tit fs16 media-left">考研背后：往届生读研比例上 升、奔就业成首要动机</a>
                                        <aside class="art_img media-body">
                                            <img class="vam" src="https://res.268xue.com/res/upload/yzl/article/20180305/5c3389953cfe8ae01aa3b30f01bd091c_jpg/pc/large.jpg" data-original="https://res.268xue.com/res/upload/yzl/article/20180305/5c3389953cfe8ae01aa3b30f01bd091c_jpg/pc/large.jpg">
                                        </aside>
                                    </div>
                                    <div>
                                        <p class="article-content fs12">多云存储战略让组织能充分利用每个云提供商的优势。企业可能会发现某个云提供商擅长于对象存储，而另一个提供商的强项是目录服务。</p>
                                        <div class="bottom-info clearfix">
                                            <span>浏览&nbsp;805</span>
                                            <span class="ml10">时间&nbsp;06-25 05:31</span>
                                            <a href="javascript:;" target="_blank" class="pull-right c-info">阅读全文<i class="fa fa-arrow-right ml5"></i></a>
                                        </div>
                                    </div>
                                </div>

                                <div class="article-index__bx">
                                    <div class="clearfix article-tit">
                                        <a href="javascript:;" target="_blank" class="art_tit fs16 media-left">现代IM系统中消息推送和存储架构的实现</a>
                                        <!--<aside class="art_img media-body">
                                            <img class="vam" src="https://res.268xue.com/res/upload/yzl/article/20180305/5c3389953cfe8ae01aa3b30f01bd091c_jpg/pc/large.jpg" data-original="https://res.268xue.com/res/upload/yzl/article/20180305/5c3389953cfe8ae01aa3b30f01bd091c_jpg/pc/large.jpg">
                                        </aside>-->
                                    </div>
                                    <div>
                                        <p class="article-content fs12">IM全称是『Instant Messaging』，中文名是即时通讯。</p>
                                        <div class="bottom-info clearfix">
                                            <span>浏览&nbsp;805</span>
                                            <span class="ml10">时间&nbsp;06-25 05:31</span>
                                            <a href="javascript:;" target="_blank" class="pull-right c-info">阅读全文<i class="fa fa-arrow-right ml5"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-md-3 col-lg-4">
                                <div class="article-index__bx">
                                    <div class="clearfix article-tit">
                                        <a href="javascript:;" target="_blank" class="art_tit fs16 media-left">考研背后：往届生读研比例上 升、奔就业成首要动机</a>
                                        <aside class="art_img media-body">
                                            <img class="vam" src="https://res.268xue.com/res/upload/yzl/article/20180305/5c3389953cfe8ae01aa3b30f01bd091c_jpg/pc/large.jpg" data-original="https://res.268xue.com/res/upload/yzl/article/20180305/5c3389953cfe8ae01aa3b30f01bd091c_jpg/pc/large.jpg">
                                        </aside>
                                    </div>
                                    <div>
                                        <p class="article-content fs12">如果说云计算拼的就是运维的话，那么公有云的运维拼的就是容量管理。公有云上容量管理（以下容量管理特指公有云上容量管理）就是要保障有充足的资源可对外售卖，即“有货可卖”。当资源供应不足，用户无法购买需要的云计算资源时，就产生了所谓的“售罄”事件。</p>
                                        <div class="bottom-info clearfix">
                                            <span>浏览&nbsp;805</span>
                                            <span class="ml10">时间&nbsp;06-25 05:31</span>
                                            <a href="javascript:;" target="_blank" class="pull-right c-info">阅读全文<i class="fa fa-arrow-right ml5"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--资讯 结束-->
</section>
<!--c footer begin-->
<div data-th-replace="layout/footer"></div>
<!--c footer end-->

<!--全局 js-->
<script src="./libs/jquery_1.11.1/jquery.min.js?v=1.11.1"></script>
<script src="./libs/bootstrap_3.3.0/bootstrap.min.js?v=3.3.0"></script>
<script src="libs/global.js?v=1.1.0"></script>
<!--图片懒加载 js-->
<script src="./libs/jquery_lazyload_1.9.3/jquery.lazyload.min.js?v=1.9.3"></script>
<script>
    $(function() {
        //首屏幻灯片初始化
        $('.carousel').carousel()
        //图片数据懒加载
        $('img.lazy').lazyload({
            placeholder: './v3/img/default/default-course.gif',  //占位图
            effect: 'fadeIn'                                    //载入方式
        })
    })
</script>
</body>
</html>